
// 体重数据展示
.weight-data {
  // height: 334rpx;
  // margin-top: 20rpx;
  height: 250rpx;
  // background-color: #24b0fe;
  display: flex;
  justify-content: center;
  align-items: center;
  .weight-data-container{
    display: flex;
    padding: 0 20rpx;
    width: 710rpx;
    .weight-content {
      margin-right: 20rpx;
      // flex: 5;
      // width: 706rpx;
      width: 436rpx;
      height: 206rpx;
      background-color: #fff;
      box-shadow:  0 5rpx 10rpx #efeff1;
      border-radius: 16rpx;
      .weight-content-title {
        height: 100rpx;
        display: flex;
        align-items: center;
        .title-img{
          width: 48rpx;
          height: 48rpx;
          background-color: #39d43d;
          border-radius: 50%;
          margin: 0 25rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          .title-img-icon{
              font-size: 28rpx;
              color: #fff;
          }
        }
        .title-text {
          font-size: 28rpx;
          flex: 1;
        }
  
        .title-icon {
          // font-size: 34rpx;
          // width: 24rpx;
          margin-right: 30rpx;
          width: 38rpx;
          height: 38rpx;
          // color: #cdcdcd;
          image{
            width: 100%;
            height: 100%;
          }
        }
      }
  
      .weight-content-datashow {
        display: flex;
        padding:0 30rpx;
        justify-content: space-between;
        .weight-content-datashow-item {
          // margin-right: 30rpx;
          width: 100rpx;
          text-align: center;
          .item-top {
            color: #656565;
            font-size: 24rpx;
          }
  
          .item-bottom {
            // margin-top: 20rpx;
            font-size: 36rpx;
          }
        }
        .weight-content-datashow-item:last-child{
          margin-right: 0;
        }
      }
      view.empty-img {
        margin-top: 20rpx;
        text-align: center;
        color: #eeeaea;
        text{
          font-size: 120rpx;
          text-shadow: 0rpx 4rpx 5rpx #707070;
        }
        image{
          width: 120rpx;
          box-shadow: 0rpx 0rpx 1rpx #cfcfcf;  
        }
      }
      
      view.empty-info {
        text-align: center;
        margin-top: 20rpx;
        font-size: 26rpx;
        text {
      
        }
      
        .go-text {
          display: inline;
          color: #368ddf;
        } 
      }
    }
    .weight-answer {
      width: 254rpx;
      height: 206rpx;
      box-shadow:  0 5rpx 10rpx #efeff1;
      // background-color: #fff;
      // box-shadow:  0 5rpx 10rpx #9c9c9c;
      // text-align: center;
      border-radius: 16rpx;
      // padding-top: 30rpx;
      // box-sizing: border-box;
      // .answer-title {
      //   color: #6f6d6e;
      //   font-size: 28rpx;
      // }
    
      .answer-img {
        // margin-top: 25rpx;
        // width: 140rpx;
        // display: flex;
        // margin: 0 auto;
        width: 100%;
        height: 100%;
        image {
          border-radius: 16rpx;
          width: 100%;
          height: 100%;
        }
      }
    }
  }

}


// 轮播图
.banner {
  padding: 0 24rpx;
  .banner-bg{
    position: absolute;
    top: 0;
    left: 0;
    // background-color: #8279ea;
    background: linear-gradient(#8279ea,#a59ff5);
    width: 100%;
    height: 244rpx;
    // border-bottom-left-radius: 40rpx;
    // border-bottom-right-radius: 40rpx;
  }
  .banner-content {
        margin-top: 50rpx;
        height: 274rpx;
        border-radius: 16rpx;
        overflow: hidden;
        .banner_item {
          height: 100%;
          border-radius: 16rpx;
          image {
            border-radius: 16rpx;
            width: 100%;
            height: 100%;
          } 
        }
  }
}

// 健康信息
.fitness {
  padding:20rpx 24rpx;
  background-color: #fff;
  font-size: 20rpx;
  .fitness-head {
    background-color: #fbfbfb;
    color: #a6a6a6;
    display: flex;
    align-items: center;
    padding: 0 25rpx;
    height: 50rpx;
    .fitness-head-left {
      width: 30rpx;
      height: 24rpx;
      // background-color:#888cf8;
      margin-right: 10rpx;
      image{
        width: 100%;
        height: 100%;
      }
    }

    .fitness-head-middle {
      // margin-right: 190rpx;
      text {
        color: #888cf8;
      }
    }

    .fitness-head-right {
      width: 15rpx;
      height: 15rpx;
      // background-color:#888cf8;
      margin-left: auto;
      margin-right: 10rpx;
      display: flex;
      align-items: center;
      margin-top: 4rpx;
      image{
        width: 100%;
        height: 100%;
      }
    }
  }

  .fitness-content {
    margin-top: 22rpx;
    display: flex;
    justify-content: space-between;
    .fitness-item {
      border-radius: 8rpx;
      width: 222rpx;
      height: 135rpx;
      background-color: #674bf7;
      image { 
        border-radius: 9rpx;
        width: 100%;
        height: 100%;
      }
    }
  }
}

//信息
.info {
  padding: 0 28rpx;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f0;
  .info-title {
      font-size: 32rpx;
      line-height: 96rpx;
      display: flex;
      align-items: center;
      &::before{
        content: "";
        display: inline-block;
        border-radius: 5rpx;
        background-color: #abb7fa;
        width: 10rpx;
        height: 36rpx;
        margin-right: 15rpx;
      }
  }

  .info-content {
    display: flex;
    height: 136rpx;
    margin-bottom: 20rpx;
    align-items: center;
    .info-img {
      width: 216rpx;
      height: 100%;
      image {
        border-radius: 10rpx;
        width: 216rpx; 
        height: 100%;
      }
    }
    .info-text-content{
      padding-left: 30rpx;
      .info-text {
        // padding:  10rpx 20rpx 0 30rpx;
        font-size: 26rpx;
        line-height: 30rpx;
        width: 420rpx;
        // height: 60rpx;
        // display: -webkit-box;    
        // -webkit-box-orient: vertical;    
        // -webkit-line-clamp: 2;    
        // overflow: hidden;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      .info-time{
          margin-top: 20rpx;
          color: #a0a1a6;
          font-size: 24rpx;
      }
    }
  }
}

// swiper的指示点样式
.banner .wx-swiper-dot{
  height: 6rpx;
  width: 6rpx;
  background: #ccc;
}
.banner .wx-swiper-dot-active{
  width: 6rpx;
  height: 6rpx;
  background: #fff;
}
